  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core" xmlns:p="http://primefaces.org/ui">

<f:view>
	<ui:composition template="layout/layout.xhtml">
		<ui:define name="body">

			<h:form id="formNotasTarea" rendered="#{loginBean.usuarioLogueado}" styleClass="todo">

				<p:panel header="#{notaBean.tarea.titulo}">

					<h:outputText value="#{notaBean.tarea.descripcion}" />

					<p:panelGrid columns="4">

						<p:outputLabel value="#{msg.titulo_fecha_creacion}" />
						<p:calendar value="#{notaBean.tarea.fechaCreacion}" disabled="true" />

						<p:outputLabel value="#{msg.titulo_autor}" />
						<p:outputLabel value="#{notaBean.tarea.usuarioCreador.username}" />
					</p:panelGrid>

					<p:panelGrid columns="4">
						<p:outputLabel value="#{msg.titulo_duracion} #{msg.dos_puntos}" />
						<p:outputLabel value="#{notaBean.tarea.duracionEstimada}" />
						<p:selectOneMenu value="#{notaBean.selectedItem}" disabled="true">
							<f:selectItems value="#{notaBean.selectItemsDuracionTarea}" required="true" />
						</p:selectOneMenu>
					</p:panelGrid>
				</p:panel>

				<p:dataTable id="notas" var="nota" value="#{notaBean.notas}" rowKey="#{nota.idNota}" selection="#{notaBean.notaSelected}" selectionMode="single">

					<f:facet name="header">Notas</f:facet>

					<p:column headerText="Fecha">#{nota.fechaCreacion}</p:column>

					<p:column headerText="Mensaje">#{nota.descripcion}</p:column>

					<p:column headerText="Autor">#{nota.autor.username}</p:column>


				</p:dataTable>
			</h:form>


		</ui:define>
	</ui:composition>
</f:view>
</html>
